/*--------------------------------------------------------------------TAMAÑO CHICO--------------------------------------------------------------------*/




/*-------------------------------------------------------------------CONFIG GENERALES-----------------------------------------------------------------*/

/***************************** Header ******************************/
		
#LayoutDiv1 {
	background-color:#024978;
	text-align:center;
}
#LayoutDiv1 img{
	background-color:#024978;
float:left;
width:10%;
padding-left:10%;
}

#LayoutDiv1 h1{
font-family:Arial, "Helvetica", sans-serif;
font-size: 52px;
margin:0;
padding:0;
color:#F90;

}

#LayoutDiv1 h2{
font-family:Arial, "Helvetica", sans-serif;
font-size: 32px;
margin:0;
padding:0;
color:#69F;

}

#LayoutDiv1 h3{
font-family:Arial, "Helvetica", sans-serif;
font-size: 22px;
margin:0;
padding:0;
color:#FFF;

}

/***************************** Font-face ***************************/
		
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('bebas_neue/BebasNeue-webfont.eot');
    src: url('bebas_neue/BebasNeue-webfont.eot?iefix') format('eot'),
         url('bebas_neue/BebasNeue-webfont.woff') format('woff'),
         url('bebas_neue/BebasNeue-webfont.ttf') format('truetype'),
         url('bebas_neue/BebasNeue-webfont.svg#webfont4Bjy2lJe') format('svg');
    font-weight: normal;
}

/********************************** MENU BAR***************************/

	*#menu 
		{
		font-family:'BebasNeueRegular';
		font-size:20px; 
		padding: 30px 10px 0px 10px;	
		white-space: nowrap;
		z-index:50 !important;
		/*this si relative 'cos IE7 can't handle z-index otherwise.....*/
		position:relative
		
		}

	/*Seccion que contiene botones*/
	nav ul 
		{
		display: inline-block;
		zoom: 1;
		*display: inline;
		border-radius: 10px; 
		text-align:justify;
		margin-bottom: -6px;
		}
	
	/*Menu Layer 001*/
	nav ul ul 
		{
		display: none;
		}

	/* Menu Layer 001 - Active */
	nav ul li:hover > ul 
		{
		display: block;
		}
		
	/*Botones*/
	nav > ul > li 
		{	
		/* Gradient de color de los botones */
			background: rgb(187,212,233); /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url();
			background: -moz-linear-gradient(top, rgba(187,212,233,1) 0%, rgba(64,109,132,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(187,212,233,1)), color-stop(100%,rgba(64,109,132,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, rgba(187,212,233,1) 0%,rgba(64,109,132,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, rgba(187,212,233,1) 0%,rgba(64,109,132,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, rgba(187,212,233,1) 0%,rgba(64,109,132,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom, rgba(187,212,233,1) 0%,rgba(64,109,132,1) 100%); /* W3C */
			/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd4e9', endColorstr='#406d84',GradientType=0 ); /* IE6-8 */*/
			box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.50) inset;
		/* FIN Gradient de color de los botones*/

		padding: 3px 5px;
		border-style:solid;
		border-width: 2px;
		border-color: #000;
		list-style: none;
		position: relative;
		display: box;
		float: left;
		clear:both;
		}
		

	/* Active Button */	
	nav ul li:hover 
		{
		background: #9DA7B3;
		background: linear-gradient(top, #9DA7B3 0%, #A5ACB6 40%);
		background: -moz-linear-gradient(top, #9DA7B3 0%, #A5ACB6 40%);
		background: -webkit-linear-gradient(top, #9DA7B3 0%,#A5ACB6 40%);
		}
	
	/* Text of active button*/	
	nav ul li:hover a 
		{
		color: #000;
		}
	
	/* Text of Button */
	nav ul li a 
		{
		display: block;
		padding: 0px 10%;
		color: #000;
		text-decoration: none;
		text-align:center;
		}

	/* Contenedor Menu Layer 001 */
	nav  ul ul 
		{
		background: #8c96a2;
		background: linear-gradient(top, #8c96a2 0%, #949ba5 40%);
		background: -moz-linear-gradient(top, #8c96a2 0%, #949ba5 40%);
		background: -webkit-linear-gradient(top, #8c96a2 0%,#949ba5 40%);
		border-radius: 0px;
		padding: 0;
		position: absolute ;
		top: 100%;
		z-index: 100;
		font-size: 16px;
		min-width: 135px;
		}
	

	
	/* Buttons all Layers */
	nav ul ul li 
		{
		float: none;
		border: 1px solid #000000;
		position: relative;
		white-space:nowrap;
		}

	/* Text of Menu Layer 001 */
	nav ul ul li a 
		{
		padding: 5px 10px;
		color: #FFF;
		}	
	
	/* Selected Item on Menues - All Layers*/
	nav ul ul li a:hover 
		{
		background: #838a94;	
		}
		
	/* Menu Layer 002*/	
	nav ul ul ul 
		{
		position: absolute;
		left: 100%;
		top:-1px;
		font-size: 16px;
		
		}

	/* Text Active Button on Menu Layer 001 */
	nav > ul > li > ul > li:hover > a
		{
		color: #666;
		}
	
	/* Text Active Button on Menu Layer 002 */
	nav > ul > li > ul > li > ul > li:hover > a
		{
		color: #666;
		}








/***************************Noticias Container**********************/


#featured
	{
	min-width:450px;
	max-height:800px;
	max-width:650px;
	float:left;
	position: relative;
	background: #000;
	background-repeat:repeat;
	border-style: solid;
	border-width: 2px;
	border-color: #600;
	margin: 10%;
	padding:0;
	z-index:0;
	
	}

/*Noticias*/
#featured div
	{		
	float:left;
	margin:0;
	padding:o;
	position:relative;
	width:83%;
	}

/*Contenedor del texto de noticias*/
#featured div div
	{	
	display:none;
	overflow:auto;
	background-color:rgba(0,0,0,0.9);
	color:#fff;
	border-style: groove;
	border-radius: 1px;
	border-width: 2px;
	border-color: #666;
	}

#featured div:hover div
	{
	display:block;
	position:absolute;
	bottom:0;
	width:98%;
	height:30%;
	box-shadow:0px 10px 10px 0px  rgba(102,102,102,0.7) inset;
	-moz-box-shadow:0px 10px 10px 0px  rgba(102,102,102,0.7) inset;
	-webkit-box-shadow:0px 10px 10px 0px  rgba(102,102,102,0.7) inset;
	
	}
.ie8 #featured div div
{
	background:#000;
}
	
/*Texto dentro de Noticias*/
#featured div div h1
	{
	margin:2px 0px 2px 10px;
	padding:0;
	font-family:'BebasNeueRegular';
	font-size:17px;
	text-transform:uppercase;
	letter-spacing:2px;
	}



#featured div div label
	{
	display:inline-block;
	padding:0px 0px 2px 2px !important;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	/*font-size:17px;*/
	font-weight:lighter;

	}
	
/*Thumbs Container*/
#featured ul
	{
	margin: 5px 2px 0px 5px;
	padding:0px;
	max-width:75px;
	float:left;
	width:15%;
	/*background: #0FF;
	border-style: solid;
	border-width: 2px;
	border-color: #FFF;*/

	}	

/*Thumbs*/	
#featured li
	{
	list-style:none;
	position:relative;
	margin-bottom:14px;
	
	/*background: #000;*/
	border-style: solid;
	border-width: 1px;
	border-color: #666;
	}
	
.nodisplay
	{
	display:none;
	}
	
	
/***************************FUCKING IE!****************************/	

/*****NOTICIAS****/
.oldie #Noticias {
	clear: both;
	float: left;
	margin-left: 0;
	width: 73.1707%;
	display: block;
}

.ie7 #featured div:hover div
	{
	float:left;
	position:relative !important;
	}
	
	
/*****SIDE MENU****/
.oldie #SideMenu {
	clear: none;
	float: left;
	margin-left: 0.6097%;
	width: 26.2195%;
	display: block;
}

/*****MENU BAR****/
.oldie	nav > ul > li 
	{
	clear:none !important;
	width:5% !important;
	}

 .ie8 nav > ul > li 
	{
	clear:none !important;
	width:10% !important;
	}
 .ie8 nav > ul 
	{
	clear:none !important;
	width:100% !important;
	}
	
.ie7 nav > ul > li 
{
	background: rgb(187,212,233) !important;
	}
	
.ie8 nav > ul > li 
{
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd4e9', endColorstr='#406d84',GradientType=0 );
	}
	
/***************************Side Menu****************************/

#SideMenu img
	{
	margin:0;
	max-width:80%;
	}
	
#SideMenu div
	{
	background:#fff;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	border-style:solid;
	border-width: 2px;
	border-color:#F90;
	border-radius:6px;
	margin-right:10%;
	margin-top: 10%;
	font-weight:bold;
	color:#fff;
	}

#SideMenu div h1
	{
	background:#024978;
	margin:0;
	font-size:2em;
	color:#fff;
	}

#SideMenu div h2
	{
	background:#024978;
	margin:0;
	font-size:1em;
	color:#fff;
	}

#SideMenu div:hover
{
	opacity: 0.5;
	filter:alpha(opacity=50);
	}

/*El important en los botones es por que si no, toman el color del div contenedor*/

.DIA
	{
	background:#8B3019 !important;
	}
	

.BotonSideMenu
	{
	background-color:#024978 !important;
	
	}
	
.fullcontainer
{
	background:#ACBDF9;
}


/***************************NEWS****************************/

.oldie .NoticiasWrapper, .ie8 .NoticiasWrapper

{
	width:70%;	
}

.NoticiasWrapper
	{
		display:inline-table;
		max-height:320px;
	}

.BigOne
{
	position:relative;
	max-width:40%;
	float:left;
	padding:5%;
}

.Line
{
	margin-top:10px;
	position:relative;
	border:dashed;
	border-width:1px;
	border-color:#000;
	float:left;
	height:320px;
}

.NoticiasWrapper img
	{
		/*position:relative;*/
		padding:2px;
		border:solid;
		border-color:#aaa;
		border-width:1px;
		/*float:left;*/
	}
	
.SmallerOne
{
	position:relative;
	max-width:30%;
	float:left;
	padding-top:2%;
	padding-left:2%;
	display:table-column;
	
}

.SmallerOneText h1
{
	font-size:12px;
}

.SmallerOneText p
{
	font-size:8px;
}

.small
{
	float:left;
	display:inline-table;
}

.SmallerOneText
{
	position:relative;
	/*display:block;*/
	float:left;
	max-width:10%;
	clear:rigth;
}

.SmalerOne img
{
	position:relative; display:inline-block; margin-right:12px; float:left;
}


oldie .block h3,
{
margin-top:5%;
}


.oldie .block h3, .ie8 .block h3
{
	width:20%;
	}
/*Nombre de Secciones*/
.block h3 { background:#024978; border-radius:6px;  font-size:26px; padding-bottom:5px; text-shadow: 1px 1px 1px #FFF;  padding-left:10px; width:85%;  color:#FFF; position:relative;}

	/** Block styles **/
	.block.half { width:300px; float:left; margin-right:18px; }
	.block.half.last { margin-right:0px; }
	
	.block h3 a { color: #FFF;margin-left:30px;  }
	.block img { border:1px solid #D7D7D7; padding:2px; }
	.block img:hover { border: 1px solid #c2c2c2; background: #f8f8f8; }
	.block-meta { font-size:11px; color:#000; margin-bottom:4px; display:block; }
	.block-meta a { color:#000 !important; }
	.block-meta a:hover { color: #FFA640 !important; text-decoration: none; }
	.block p { line-height:18px; color:#333; }
	.block-arrows, .block-arrows a { color:#d00000; }
	.block-item-big { border-bottom:1px dashed #CCC; padding-bottom:15px; margin-bottom:20px; width:300px; }
	.block-item-big .block-meta { font-size: 12px; }
	.block-item-big h2 { font-size:20px; margin-bottom:2px; }
	.block-item-big h2 a { color: #333; }
	.block-item-big img { margin-bottom:10px; }
	.block-item-small { border-bottom:1px dashed #CCC; padding-bottom:13px; margin-bottom:13px; overflow:hidden; width:300px; height:56px; }
	.block-item-small h2, .block-item-small h2 a { font-size:12px; font-family:'Arial'; font-weight:bold; line-height:18px; color: #333; }
	
	.block.full { overflow: hidden; width: 100%; margin:10%; margin-top:0;}
	.block.full .block-item-big { float:left; margin-right:20px; }
	.block.full .block-item-big.last { margin-right:0px; }
	
	/** Article Icons **/
	.block-image { position:relative; }
	/*.video-icon { position:absolute; bottom:13%; right:20%; background:url(images/video-icon.png) no-repeat; width:26px; height:26px; }
	.gallery-icon { position:absolute; bottom:13%; right:20%; background:url(images/gallery-icon.png) no-repeat; width:26px; height:26px; }
	.audio-icon { position:absolute; bottom:13%; right:20%; background:url(images/music-icon.png) no-repeat; width:26px; height:26px; }
	*/.block-item-small .block-image { position:relative; display:inline-block; margin-right:12px; float:left;}
	/*.block-item-small .video-icon { position:absolute; bottom:19%; right:18%; background:url(images/video-icon-small.png) no-repeat; width:16px; height:16px; }
	.block-item-small .gallery-icon { position:absolute; bottom:19%; right:18%; background:url(images/gallery-icon-small.png) no-repeat; width:16px; height:16px; }
	.block-item-small .audio-icon { position:absolute; bottom:19%; right:18%; background:url(images/music-icon-small.png) no-repeat; width:16px; height:16px; }
	*/.block-item-big .block-image { position:relative; /*display:inline-block;*//* margin-right:12px; *//* float:left; */}
	/*.block-item-big .video-icon { position:absolute; bottom:18%; right:5%; background:url(images/video-icon.png) no-repeat; width:26px; height:26px; }
	.block-item-big .gallery-icon { position:absolute; bottom:18%; right:5%; background:url(images/gallery-icon.png) no-repeat; width:26px; height:26px; }
	.block-item-big .audio-icon { position:absolute; bottom:18%; right:5%; background:url(images/music-icon.png) no-repeat; width:26px; height:26px; }
	*/
	
.ie8 .block-item-small .block-image {display:none;}
	
	/** Widgets Styles */
.homepage-widget { margin-bottom: 40px; overflow: hidden; width: 100%; }
.homepage-widget:last-child { margin-bottom: 0; }
.homepage-widget .block .block-item-small:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.homepage-widget .block .block-item-big-last { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.widget .block-item-small:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }



	/** Reviews block styles **/
	.block .stars { border:none; padding:0; margin:0; }
	.block .block-item-big .stars { margin-bottom:4px; padding-top:2px; float:left; margin-right:6px; }
	
	/** Archive block styles **/
	.block.archive .block-item-big { width:620px; overflow:hidden; }
	.block.archive .block-item-big h2 { margin-bottom:4px; }
	.block.archive .block-item-big p { line-height:20px; }
	.block.archive .block-item-big .block-meta { margin-bottom:8px; }
	.block.archive .block-item-big .block-meta span { font-size:11px; text-transform: uppercase; color:#888; text-shadow: 1px 1px 1px #FFF; margin-right:8px; }
	.block.archive .block-item-big .readmore { color:#888; background:url(images/readmore.png) no-repeat; font-size:11px; text-shadow: 1px 1px 1px #FFF; width:85px; height:25px; display:block; text-align:center; float:left; padding-top:3px; margin-top:10px; }
	.block.archive .block-item-big .block-arrows { font-size:14px; }
	
	
/
	.widget .block-item-small img { border:1px solid #D7D7D7; padding:2px; }
.widget .block-item-small .stars { border:none; padding:0; margin:0; }


.homepage-widget .block .block-item-small:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.homepage-widget .block .block-item-big-last { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.widget .block-item-small:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }

#sidebar .widget .block-item-small:last-child {
	border-bottom: 1px dashed #CCC;
	padding-bottom: 13px;
	margin-bottom: 0px;
}



#carousel
{
	
list-style:none;
width:70%;
margin-top:70px;
margin-left:70px;

}

#calecita
{
border-color:#ACBDF9;
border-style:solid;
border-width:0.01px;
height:170px;
width:50%;
}

#carousel img
{
	border-width:2px;
	border:solid;
	border-color:#000;
	background-color: #000;
}

.Next ,.Prev
{
	float:left;
	padding-left:7px;
	width:40px;
	font-size:24px;
	border:solid;
	border-width: 2px;
	border-radius: 20px;
	border-color:#09C;
	background-color:#36C;
	margin-left:13%;
}







/*--------------------------------------------------------------------TAMAÑO MEDIO--------------------------------------------------------------------*/
@media only screen and (min-width: 481px) 
{
	
}


/*--------------------------------------------------------------------TAMAÑO GRANDE-------------------------------------------------------------------*/
@media only screen and (min-width: 400px) 
{
	nav > ul > li 
	{
	position:relative;
	clear:none !important;
	/*float: none;*/
	}
}

@media only screen and (max-width: 1100px) 
{	
	nav > ul
	{		
	width:100%;	
	}
}

@media only screen and (max-width: 1050px) 
{
		nav > ul > li 
	{
	width:170px;
	}

#featured , .block.full
	{
	margin: 2% !important;
	}



}



